<template>
    <div class="goods_hospital">
        <div class="city">
            <img :src="baseURL + info.modelLogo" alt="">
        </div>
        <div class="info">
            <div class="title">{{ info.modelName }}</div>
            <div class="address">参考价：{{ info.referencePrice }}元</div>
        </div>
    </div>
</template>
<script>
import config from '@/http/config'
export default {
    name: 'MaterialHospital',
    props: {
        info: {
            type: Object,
            default: function () {
                return {}
            }
        }
    },
    data() {
        return {
            modelInfo:{},
            baseURL:config.baseURL
        }
    },
    created(){
        console.log(config.baseURL + this.info.modelLogo)
    }
}
</script>
<style lang="scss" scoped>
.goods_hospital {
    display: flex;

    .city {
        width: 32px;
        height: 32px;
        background: #167fff;
        border-radius: 4px;
        font-size: 14px;
        font-family: PingFang SC-Regular, PingFang SC;
        font-weight: 400;
        color: #ffffff;
        text-align: center;
        line-height: 32px;
        margin-right: 7px;
        overflow:hidden;
        img{
            width:100%;
            height: 100%;
            border-radius: 4px;
        }
    }

    .info {
        line-height: normal !important;

        .title {
            line-height: normal !important;
            font-size: 14px;
            color: #167fff;
        }

        .address {
            font-size: 12px;
            color: #999;
        }
    }
}
</style>